{% extends 'admin/master.html' %}
{% from "bootstrap/pagination.html" import render_pagination %}

{% block body %}
<div class="page-header">
  <div align="center"><h1>用户图相册</h1></div>
</div>
<div class="container">
  <div class="row" style='overflow-y :scroll; BORDER: 1px inset; padding:10px;'>
    <table class="table table-striped table-bordered" >
        {% if imgcol %}
          {% for m in imgcol %}
          <tr>
            {% if m[0] %}
            <td style="text-align:center">
              <img src= '/static/image/{{ m[0] }}' 
                title="{{ m[0].split('.')[0] }}" 
                width="160" 
                height="200" />
            </td>
            {% endif %}
            {% if m[1] %}
            <td style="text-align:center">
              <img src= '/static/image/{{ m[1] }}' 
              title="{{ m[1].split('.')[0] }}" 
                width="160" 
                height="200" />
            </td>
            {% endif %}
            {% if m[2] %}
            <td style="text-align:center">
              <img src= '/static/image/{{ m[2] }}' 
              title="{{ m[2].split('.')[0] }}" 
                width="160" 
                height="200" />
            </td>
            {% endif %}
            {% if m[3] %}
            <td style="text-align:center">
              <img src= '/static/image/{{ m[3] }}' 
              title="{{ m[3].split('.')[0] }}" 
                width="160" 
                height="200" />
            </td>
            {% endif %}
            {% if m[4] %}
              <td style="text-align:center">
                <img src= '/static/image/{{ m[4] }}' 
                  title="{{ m[4].split('.')[0] }}" 
                  width="160" 
                  height="200" />
              </td>
            {% endif %}
          </tr>
          {% endfor%}
        {% endif %}
      </table>
      
  </div>
    {% if users %}
      <div class="page-footer text-center">
        {{ render_pagination(pagination) }}
      </div>
    {% endif %}
</div> 
{% endblock %}